<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>

<div id="app">
  <h1>BMI</h1>

  <table border="1">
    <tr>
      <th>#</th>
      <th>日期</th>
      <th>身高</th>
      <th>体重</th>
      <th>BMI</th>
      <th>操作</th>
    </tr>
    <template v-if="bmiList.length > 0">
      <tr
        v-for="(item, index) of bmiList"
        :key="index"
      >
        <th>{{ item.objectId }}</th>
        <th>{{ item.createdAt }}</th>
        <th>{{ item.height }}</th>
        <th>{{ item.weight }}</th>
        <th>{{ item.bmi }}</th>
        <th>
          <a @click="del(item.objectId)" href="javascript:void(0)">删除</a>
        </th>
      </tr>
    </template>
    <tr v-else>
      <td colspan="6">暂无数据</td>
    </tr>
  </table>
</div>


<script src="js/vue.js"></script>
<script src="js/zepto.js"></script>
<script src="js/index.js"></script>

</body>
</html>
